/* CSS file */
/**
  默认通用控件的样式
*/
Application{ 
	backgroundColor:#f9f6d9;
	backgroundGradientColors: #53AAF4, #F7F9FB;
	background-image: Embed(source='org/enjoytalk/assets/images/app_backgroupd.jpg');
	borderStyle: solid;
	background-repeat:repeat;
	fontSize: 12;
	themeColor:#288bca;
	color: #ffffff;
	disabled-color: #656361;
	modalTransparency:0.3;
	modalTransparencyBlur:0;
	modalTransparencyColor:#000000;
}

Text{
	 color: #FFFFFF; 
	 fontSize: 12;
	 fontFamily: Arial;
}

RadioButton{
	fillAlphas: 1.0, 1.0, 1.0, 1.0;
	fillColors: #FFFCFC, #FFFCFC, #FFFCFC, #FFFCFC;
	color: #102FAC; 
	fontSize: 15;
	fontWeight: bold; 
	fontFamily: Arial;
}

Button{
	borderColor: #FFFFFF;
	cornerRadius: 6;
	fontSize: 14;
	fontWeight: bold;
	color:#FFFFFF;
	textRollOverColor: #FFFFFF;
	textSelectedColor: #FFFFFF;
}

Canvas{
	backgroundAlpha: 1.0;
	backgroundImage: Embed(source='org/enjoytalk/assets/images/line.png');
}

VBox{
	
}

HBox{
	
}

.bigButton
{
	upSkin:Embed(source='org/enjoytalk/assets/images/buttons/button_big.png', scaleGridLeft=5, scaleGridRight=6, scaleGridTop=11,scaleGridBottom=12);
	downSkin:Embed(source='org/enjoytalk/assets/images/buttons/button_big.png', scaleGridLeft=5, scaleGridRight=6, scaleGridTop=11,scaleGridBottom=12);
	overSkin:Embed(source='org/enjoytalk/assets/images/buttons/button_big.png', scaleGridLeft=5, scaleGridRight=6, scaleGridTop=11,scaleGridBottom=12);
}


.smallButton
{
	upSkin:Embed(source='org/enjoytalk/assets/images/buttons/button_smaller.png', scaleGridLeft=5, scaleGridRight=6, scaleGridTop=11,scaleGridBottom=12);
	downSkin:Embed(source='org/enjoytalk/assets/images/buttons/button_smaller.png', scaleGridLeft=5, scaleGridRight=6, scaleGridTop=11,scaleGridBottom=12);
	overSkin:Embed(source='org/enjoytalk/assets/images/buttons/button_smaller.png', scaleGridLeft=5, scaleGridRight=6, scaleGridTop=11,scaleGridBottom=12);
	disabledSkin:Embed(source='org/enjoytalk/assets/images/buttons/button_grey.png', scaleGridLeft=5, scaleGridRight=6, scaleGridTop=11,scaleGridBottom=12);
	borderColor: #FFFFFF;
	cornerRadius: 6;
	fontSize: 14;
	fontWeight: bold;
	color:#FFFFFF;
	textRollOverColor: #FFFFFF;
	textSelectedColor: #FFFFFF;
}

.innerButton{
	skin: Embed(skinClass="InnerButton_upSkin");
	downSkin: Embed(skinClass="InnerButton_overSkin");
	overSkin: Embed(skinClass="InnerButton_overSkin");
	selectedUpSkin: Embed(skinClass="InnerButton_overSkin");
	cornerRadius: 4;
	paddingTop:6;
	paddingLeft:4;
	paddingRight:4;
	paddingBottom:4;
}

.staticButton{
	upSkin:Embed(source='org/enjoytalk/assets/images/buttons/button_deep.png', scaleGridLeft=5, scaleGridRight=6, scaleGridTop=11,scaleGridBottom=12);
	downSkin:Embed(source='org/enjoytalk/assets/images/buttons/button_deep.png', scaleGridLeft=5, scaleGridRight=6, scaleGridTop=11,scaleGridBottom=12);
	overSkin:Embed(source='org/enjoytalk/assets/images/buttons/button_deep.png', scaleGridLeft=5, scaleGridRight=6, scaleGridTop=11,scaleGridBottom=12);
	borderColor: #FFFFFF;
	cornerRadius: 6;
	fontSize: 14;
	fontWeight: bold;
	color:#FFFFFF;
	textRollOverColor: #FFFFFF;
	textSelectedColor: #FFFFFF;

}

/**
	圆角
*/

.roundCorner{
	borderStyle: solid;
	borderThickness: 0;
	cornerRadius: 8;
}

/**
	结束
**/

.mainBody{
	horizontalCenter:0; 
	verticalCenter:5;
	borderColor:#FFFFFF;
	borderStyle: solid;
	borderThickness: 8;
	cornerRadius: 12;
	fontSize:12;
    border-skin: ClassReference("org.enjoytalk.view.components.custom.GradientBorder");
    fill-colors:  #0069B7 ,#00B6EE;
    paddingTop:8;
	paddingLeft:12;
	paddingRight:12;
}

.title{
	color: #CEF7FF;
	fontSize: 30;
	fontWeight: bold;
	fontFamily: "verdana";
}

.gradientWithCorner{
	border-style: solid ;
    border-thickness: 1;
    border-color: #12A6E9;
    border-skin: ClassReference("org.enjoytalk.view.components.custom.GradientBorder");
    fill-colors:  #2983C4 ,#28C0EF ;
    corner-radius:10 ;
    bottom-corner-radius:10;
}

.gradientBox{
	border-style: solid ;
    border-thickness: 0;
    border-color: #12A6E9;
    corner-radius:10;
    border-skin: ClassReference("org.enjoytalk.view.components.custom.GradientBorder");
    fill-colors:  #2983C4 ,#28C0EF ;
    bottomCornerRadius:12 ;
	paddingLeft: 10;
	paddingRight: 10;
	paddingTop: 6;
}

.commonBoxWithoutBt{
	border-style: solid ;
    border-thickness: 0;
	corner-radius:6;
	border-skin: ClassReference("org.enjoytalk.view.components.custom.CustomBorder");
	paddingLeft: 8;
	paddingRight: 8;
	paddingTop: 6;
	paddingBottom:6;
}

.note{
	backgroundColor: #D3F0FA;
	paddingTop: 6;
	paddingBottom: 6;
	paddingLeft: 8;
	paddingRight:8 ;
	corner-radius:6;
	border-style: solid ;
    border-thickness: 0;
}

.noteText{
	color: #102FAC ;
	fontSize: 14 ;
	fontWeight:bold ;
}

.navArea{
	backgroundColor: #FFFFFF;
	backgroundAlpha: 0.2;
	border-style: solid ;
	border-thickness: 0;
	border-color: #C2DDFC;
	corner-radius:6;
	paddingTop: 6;
	paddingLeft: 12;
	paddingRight:12;
	paddingBottom:6 ;
}


/**
	画面 预览 
*/

.statusBar{
	backgroundColor: #2561AA;
	paddingBottom: 8;
	paddingLeft: 8;
	paddingRight: 8;
	paddingTop: 8;
	borderStyle:solid;
	borderThickness: 0;
	cornerRadius:7;
	color:#FFFFFF;
}

.studyPhase{
	backgroundColor: #02A6FB;
	paddingBottom: 1;
	paddingTop: 1;
	borderStyle:solid;
	borderThickness: 0;
	cornerRadius:4;
	color:#FFFFFF;
}


.currentPhase{
	backgroundColor: #FDCA25;
	paddingBottom: 2;
	paddingTop: 2;
	borderStyle:solid;
	borderThickness: 0;
	cornerRadius:4;
	color:#102FAC;
}

.pItemProgress{
	trackSkin: Embed(skinClass='ProgressBar_trackSkin');
	barSkin: Embed(skinClass='ProgressBar_barSkin');
	labelWidth:0 ;
}

.textProgress {
	fontSize: 12;
}

/****************************************************************************************************************
=========================== 画面 学习
*****************************************************************************************************************
*/
.listProgress{
	trackSkin: Embed(skinClass='ListProgressBar_trackSkin');
	barSkin: Embed(skinClass='ListProgressBar_barSkin');
	color: #FFFFFF ;
	fontWeight: normal ;
}

.indeterminateProgressSkin{
	trackSkin: Embed(skinClass='ListProgressBar_trackSkin');
}

.messageBoard{
	backgroundColor: #FFFFFF ;
	color: #103963;
	alpha: 0.8;
	fontWeight: bold ;
	fontSize: 14 ;
	cornerRadius: 8;
	paddingTop: 6;
	paddingBottom: 6;
	paddingLeft: 10;
	borderStyle:solid;
	borderThickness: 0;
}

.nounButton{
	skin: Embed(skinClass="NounButton_upSkin");
	downSkin: Embed(skinClass="NounButton_upSkin");
	overSkin: Embed(skinClass="NounButton_upSkin");
	selectedUpSkin: Embed(skinClass="NounButton_upSkin");
	cornerRadius: 4;
	paddingTop:6;
	paddingLeft:4;
	paddingRight:4;
	paddingBottom:6;

}

.bigText{
	fontSize:36;
	color:#FFFFFF;
}


.infoText{
	color:#000000 ;
	fontSize:20;
	fontWeight:bold;
	paddingLeft:10;
}

.spacer{
	background-image:Embed(source='../images/line.png');
}
